<template>
  <div class="tabContent">
    <div class="noOrder">
      <img src="https://img2.ch999img.com/newstatic/1377/0143acdfd5ffeccd.png"
           alt="">
      <p>暂无相关订单</p>
      <a href="javascript:void(0);"
         @click="toGoods()">去逛逛吧</a>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    toGoods () {
      this.$router.push("/goods")
    }
  }
}
</script>
<style scoped>
.tabContent {
  width: 100%;
  height: 11.5804rem;
}
.noOrder {
  width: 100%;
  height: 5.1rem;
  padding-top: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.noOrder img {
  width: 0.88rem;
  height: 0.88rem;
  vertical-align: top;
}

.noOrder p {
  color: #9c9c9c;
  margin-top: 5px;
  font-size: 12px;
}
.noOrder a {
  padding: 7px 18px;
  border: 1px solid black;
  border-radius: 16px;
  color: black;
  font-size: 13px;
  margin-top: 15px;
}
</style>